<template>
  <div>
    <div class="module_header">
      <img src="@/assets/certificate_bg.png" class="bg" />
      <div class="c">
        <div class="logo">
          <img src="@/assets/logo_min.png" />
        </div>
        <div class="title">全国青少年无人机大赛</div>
      </div>
    </div>
    <div class="cont">
      <div class="title">证书查询条件</div>
      <div class="item">
        <input placeholder="请输入姓名" />
      </div>
      <div class="item-hint item-hint-o">
        <img
          class="img"
          src="@/assets/common/hint_shen_red.png"
        />你输入数据有错
      </div>
      <div class="item item_error"><input placeholder="请输入身份证" /></div>
      <div class="item-hint">
        <img
          class="img"
          src="@/assets/common/hint_shen_red.png"
        />你输入数据有错 .code-active
      </div>

      <div class="item item_error">
        <input placeholder="请输入证书编号" />
      </div>
      <div class="item-hint">
        <img
          class="img"
          src="@/assets/common/hint_shen_red.png"
        />你输入数据有错 .code-active
      </div>
      <div class="btn">立即查询</div>
    </div>
    <div style="min-height: 10rem"></div>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue";
import { useRouter } from "vue-router";
let router = useRouter();
const ruleForm = reactive({
  code: "",
  name: "",
  pwd: "",
  checked2: true,
});

const handleaGreement = () => {
  router.push("/auth/agreement");
};
</script>

<style lang="scss" scoped>
@import "./zstyle.scss";
</style>
